{% extends 'my_center_base.html' %}
		<title>{% block title %}我的订单{% endblock %}</title>
{% block js_css %}
		<link rel="stylesheet" type="text/css" href="/static/css/myorder.css" />
        <script type="text/javascript" src="/static/jquery-1.12.4.min.js"></script>
    <style>
    .pagenation{height:32px;text-align:center;font-size:0;margin:30px auto;}
    .pagenation a{display:inline-block;border:1px solid #d2d2d2;background-color:#f8f6f7;font-size:12px;padding:5px 10px;color:#666;margin:5px}

    .pagenation .active{background-color:#fff;color:#43a200}
    </style>
{% endblock %}

{% block idea %}
		<!------------------------------idea------------------------------>
		<div class="address mt" id="add" v-cloak>
			<div class="wrapper clearfix">
				<a href="/" class="fl">首页</a>
				<span>/</span>
				<a href="/my_center">个人中心</a>
				<span>/</span>
				<a href="{{ url('users:myorderq',kwargs={"page_num":1}) }}" class="on">我的订单</a>
			</div>
		</div>
{% endblock %}
		<!------------------------------Bott------------------------------>
{% block li %}
		<div>
						<h4>我的交易</h4>
						<ul>
							<li><a href="{{ url('shoppingcart:carts')}}">我的购物车</a></li>
							<li class="on"><a href="{{ url('users:myorderq',kwargs={"page_num":1}) }}">我的订单</a></li>

						</ul>
						<h4>个人中心</h4>
						<ul>
							<li><a href="/my_center">我的中心</a></li>
							<li><a href="/address">地址管理</a></li>
						</ul>
						<h4>账户管理</h4>
						<ul>
							<li><a href="/my_mygrxx">个人信息</a></li>
							<li><a href="/password">修改密码</a></li>
						</ul>
					</div>
{% endblock %}

{% block bott %}
    <div class="you fl">
        <div class="my clearfix">
            <h2 class="fl">我的订单</h2>
            <a href="#" class="fl">请谨防钓鱼链接或诈骗电话，了解更多&gt;</a>
        </div>
        <div class="dlist clearfix">
            <ul class="fl clearfix" id="wa">
                <li class="on"><a href="#2">全部有效订单</a></li>
{#                <li><a href="#2{{ url('users:myorderq',kwargs={"page_num":1}) }}">待支付</a></li>#}
{#                <li><a href="#2l">待收货</a></li>#}
{#                <li><a href="#2">已关闭</a></li>#}
            </ul>
            <form action="#" method="get" class="fr clearfix">
                <input type="text" name="" id="" value="" placeholder="请输入商品名称、订单号" />
                <input type="button" name="" id="" value="" />
            </form>
        </div>
        {% for order in page_orders %}
        {% for sku in order.sku_list %}

        <div class="dkuang">
            <p class="one"></p>
            <div class="word clearfix">
                <ul class="fl clearfix">
                    <li>{{ order.create_time.strftime('%Y-%m-%d %H:%M:%S') }}</li>
                    <li>{{ sku.name }}</li>
                    <li>订单号:{{ order.order_id }}</li>
                    <li>{{ order.pay_method_name }}</li>
                </ul>
                <p class="fr">订单金额：<span>{{ order.total_amount }}</span>元</p>
            </div>
            <div class="shohou clearfix">
                <a href="#" class="fl"><img src="{{ sku.default_image }}"/></a>
                <p class="fl"><a href="#">{{ sku.caption }}</a><a href="#">¥{{ sku.price }}×{{ sku.count }}</a></p>
                <p class="fr">
{#                    <a href="myprod.html">待评价</a>#}
                    <a @click="oper_btn_click('{{ order.order_id }}', {{ order.status }})" class="oper_btn">{{ order.status_name }}</a>

                    <a href="/orderxq/?order_id={{ order.order_id }}">订单详情</a>
                </p>
            </div>
        </div>
         {% endfor %}
        {% endfor %}



{#        <div class="dkuang clearfix deng">#}
{#            <p class="one fl">待收货</p>#}
{#            <div  class="clearfix">#}
{#                <div class="fl vewwl">#}
{#                    <a href="wuliu.html" class="ckwl">查看物流</a>#}
{#                    <div class="wuliu">#}
{#                        <h4>圆通速递：858888888888888</h4>#}
{#                        <ul>#}
{#                            <li>#}
{#                                <p>妥投投递并签收，已签收。签收人：本人签收</p>#}
{#                                <p>2016-12-03 17:30:00</p>#}
{#                            </li>#}
{#                            <li>#}
{#                                <p>深圳市南油速递营销部安排投递（投递员姓名：六六六。联系电话：14243452522;</p>#}
{#                                <p>2016-12-03 08:50:00</p>#}
{#                            </li>#}
{#                            <li>#}
{#                                <p>到达广东省邮政速递物流有限公司深圳航空邮件处理中心处理中心（经转）</p>#}
{#                                <p>2016-12-03 02:20:00</p>#}
{#                            </li>#}
{#                            <li>以上为最新跟踪信息<a href="wuliu.html">查看全部</a></li>#}
{#                        </ul>#}
{#                    </div>#}
{#                </div>#}
{#            </div>#}
{#            <div class="word clearfix">#}
{#                <ul class="fl clearfix">#}
{#                    <li>2016年12月1日 18:53</li>#}
{#                    <li>杨小黄</li>#}
{#                    <li>订单号:5160513358520018</li>#}
{#                    <li>在线支付</li>#}
{#                </ul>#}
{#                <p class="fr">订单金额：<span>99.00</span>元</p>#}
{#            </div>#}
{#            <div class="shohou clearfix">#}
{#                <a href="#" class="fl"><img src="/static/img/g1.jpg"/></a>#}
{#                <p class="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>#}
{#                <p class="fr">#}
{#                    <a href="#">确认收货</a>#}
{#                    <a href="orderxq.html">订单详情</a>#}
{#                </p>#}
{#            </div>#}
{#        </div>#}
{#         {% for order in page_orders %}#}
{#        {% for sku in order.sku_list %}#}
{#        <div class="dkuang deng">#}
{#            <p class="one">待支付</p>#}
{#            <div class="word clearfix">#}
{#                <ul class="fl clearfix">#}
{#                    <li>{{ order.create_time.strftime('%Y-%m-%d %H:%M:%S') }}</li>#}
{#                   <li>{{ sku.name }}</li>#}
{#                    <li>订单号:{{ order.order_id }}</li>#}
{#                    <li>{{ order.pay_method_name }}</li>#}
{#                </ul>#}
{#                <p class="fr">订单金额：<span>{{ order.total_amount }}</span>元</p>#}
{#            </div>#}
{#            <div class="shohou clearfix">#}
{#                <a href="#" class="fl"><img src="/static/img/g1.jpg"/></a>#}
{#                <p class="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>#}
{#                <p class="fr">#}
{#                    <a href="#">立即支付</a>#}
{#                    <a href="orderxq.html">订单详情</a>#}
{#                </p>#}
{#            </div>#}
{#        </div>#}
{#        {% endfor %}#}
{#        {% endfor %}#}
{##}
{#        <div class="dkuang">#}
{#            <p class="one">已关闭</p>#}
{#            <div class="word clearfix">#}
{#                <ul class="fl clearfix">#}
{#                    <li>2016年12月1日 18:53</li>#}
{#                    <li>杨小黄</li>#}
{#                    <li>订单号:5160513358520018</li>#}
{#                    <li>在线支付</li>#}
{#                </ul>#}
{#                <p class="fr">订单金额：<span>99.00</span>元</p>#}
{#            </div>#}
{#            <div class="shohou clearfix">#}
{#                <a href="#" class="fl"><img src="/static/img/g1.jpg"/></a>#}
{#                <p class="fl"><a href="#">家用创意菜盘子圆盘 釉下彩复古</a><a href="#">¥99.00×1</a></p>#}
{#                <p class="fr">#}
{#                    <a href="#">交易失败</a>#}
{#                    <a href="orderxq.html">订单详情</a>#}
{#                </p>#}
{#            </div>#}
{#        </div>#}

    <div class="pagenation">
        <div id="pagination" class="page"></div>
    </div>
    </div>
{% endblock %}


{% block script %}
<script>
    $(function () {
        $('#pagination').pagination({
            currentPage: {{ page_num }},
            totalPage: {{ total_page }},
            callback: function (current) {
                location.href = '/myorderq/' + current + '/';
            }
        })
    });
</script>
{% endblock %}

{% block last_js %}
<script type="text/javascript" src="/static/user_center_order.js"></script>
<script type="text/javascript" src="/static/jquery.pagination.min.js"></script>
{% endblock %}
